<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>微信商城后台管理系统</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <div th:replace="~{BackEnd/navigation::Favicon}"></div>

</head>

<body class="skin-dark">

    <div class="main-wrapper">

        <!-- 头文开始 -->
        <div th:replace="~{BackEnd/navigation::Header}"></div>
        <!-- 头文结束 -->

        <!-- 侧边导航栏开始 -->
        <div th:replace="~{BackEnd/navigation::Topbbar}"></div>
        <!-- 侧边导航栏结束 -->

        <!-- 正文 -->
        <div class="content-body">

            <!-- 页面标题开始 -->
            <div class="row justify-content-between align-items-center mb-10">

                <!-- 页面标题开始 -->
                <div class="col-12 col-lg-auto mb-20">
                    <div class="page-heading">
                        <h3>首页 <span>/ 数据概览</span></h3>
                    </div>
                </div><!-- 页面标题结束 -->

                <!-- 页面按钮组开始 -->
                <div class="col-12 col-lg-auto mb-20">
                    <div class="page-date-range">
                        <input type="text" class="form-control input-date-predefined">
                    </div>
                </div>
                <!-- 页面按钮组结束 -->

            </div><!-- 页面标题结束 -->

            <!-- Top Report Wrap 开始 -->
            <div class="row">
                <!-- Top Report 开始 -->
                <div class="col-xlg-3 col-md-6 col-12 mb-30">
                    <div class="top-report">

                        <!-- 头部 -->
                        <div class="head">
                            <h4>商品上线总数</h4>
                            <a href="#" class="view"><i class="zmdi zmdi-eye"></i></a>
                        </div>

                        <!-- Content -->
                        <div class="content">
                            <h5>Todays</h5>
                            <h2>100,560.00</h2>
                        </div>

                        <!-- Footer -->
                        <div class="footer">
                            <div class="progess">
                                <div class="progess-bar" style="width: 92%;"></div>
                            </div>
                            <p>92% of unique visitor</p>
                        </div>

                    </div>
                </div><!-- Top表 结束 -->

                <!-- Top 报表 开始 -->
                <div class="col-xlg-3 col-md-6 col-12 mb-30">
                    <div class="top-report">

                        <!-- 头部 -->
                        <div class="head">
                            <h4>销售额</h4>
                            <a href="#" class="view"><i class="zmdi zmdi-eye"></i></a>
                        </div>

                        <!-- 内容 -->
                        <div class="content">
                            <h5>Todays</h5>
                            <h2>85,000.00</h2>
                        </div>

                        <!-- 页脚 -->
                        <div class="footer">
                            <div class="progess">
                                <div class="progess-bar" style="width: 98%;"></div>
                            </div>
                            <p>98% of unique visitor</p>
                        </div>

                    </div>
                </div><!-- Top 报表 结束 -->

                <!-- Top报表开始 -->
                <div class="col-xlg-3 col-md-6 col-12 mb-30">
                    <div class="top-report">

                        <!-- 头部 -->
                        <div class="head">
                            <h4>客户数</h4>
                            <a href="#" class="view"><i class="zmdi zmdi-eye"></i></a>
                        </div>

                        <!-- 内容 -->
                        <div class="content">
                            <h5>Todays</h5>
                            <h2>5,000.00</h2>
                        </div>

                        <!-- 页脚 -->
                        <div class="footer">
                            <div class="progess">
                                <div class="progess-bar" style="width: 88%;"></div>
                            </div>
                            <p>88% of unique visitor</p>
                        </div>

                    </div>
                </div><!-- Top 报表 结束 -->

                <!-- Top 报表 开始 -->
                <div class="col-xlg-3 col-md-6 col-12 mb-30">
                    <div class="top-report">

                        <!-- 头部 -->
                        <div class="head">
                            <h4>部门人数</h4>
                            <a href="#" class="view"><i class="zmdi zmdi-eye"></i></a>
                        </div>

                        <!-- 内容 -->
                        <div class="content">
                            <h5>Todays</h5>
                            <h2>3,000,000.00</h2>
                        </div>

                        <!-- 页脚 -->
                        <div class="footer">
                            <div class="progess">
                                <div class="progess-bar" style="width: 76%;"></div>
                            </div>
                            <p>76% of unique visitor</p>
                        </div>

                    </div>
                </div><!-- Top 报表 结束 -->
            </div>
            <!-- Top Report Wrap 结束 -->

            <div class="row mbn-30">

                <!-- 收入统计图表开始 -->
                <div class="col-md-8 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">商品情况</h4>
                        </div>
                        <div class="box-body">
                            <div class="chart-legends-1 row">
                                <div class="chart-legend-1 col-12 col-sm-4">
                                    <h5 class="title">成交额</h5>
                                    <h3 class="value text-secondary">$5000,000</h3>
                                </div>
                                <div class="chart-legend-1 col-12 col-sm-4">
                                    <h5 class="title">浏览数</h5>
                                    <h3 class="value text-primary">10000,000</h3>
                                </div>
                                <div class="chart-legend-1 col-12 col-sm-4">
                                    <h5 class="title">订单数</h5>
                                    <h3 class="value text-warning">100,000</h3>
                                </div>
                            </div>
                            <div class="chartjs-revenue-statistics-chart">
                                <canvas id="chartjs-revenue-statistics-chart"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 收入统计图表结束 -->

                <!-- 市场趋势图开始 -->
                <div class="col-md-4 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">某站点客户访问来源</h4>
                        </div>
                        <div class="box-body">
                            <div class="chartjs-market-trends-chart">
                                <canvas id="chartjs-market-trends-chart"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 市场趋势图结束-->

                <!-- 最近交易开始 -->
                <div class="col-12 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">最新交易</h4>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table class="table table-vertical-middle table-selectable">

                                    <!-- 表格 领先 -->
                                    <thead>
                                        <tr>
                                            <th class="selector"><label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label></th>
                                            <!--<th class="selector h5"><button class="button-check"></button></th>-->
                                            <th><span>Image</span></th>
                                            <th><span>Product Name</span></th>
                                            <th><span>ID</span></th>
                                            <th><span>Quantity</span></th>
                                            <th><span>Price</span></th>
                                            <th><span>Status</span></th>
                                            <th></th>
                                        </tr>
                                    </thead><!-- 表格结束 -->

                                    <!-- 表体开始 -->
                                    <tbody>
                                        <tr>
                                            <td class="selector"><label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label></td>
                                            <td><img th:src="@{/assets/images/product/list-product-1.jpg}" alt="" class="table-product-image rounded-circle"></td>
                                            <td><a href="#">Microsoft surface pro 4</a></td>
                                            <td>#MSP40022</td>
                                            <td>05 - Products</td>
                                            <td>$60000000.00</td>
                                            <td><span class="badge badge-success">Paid</span></td>
                                            <td><a class="h3" href="#"><i class="zmdi zmdi-more"></i></a></td>
                                        </tr>
                                        <tr class="selected">
                                            <td class="selector"><label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label></td>
                                            <td><img th:src="@{/assets/images/product/list-product-2.jpg}" alt="" class="table-product-image rounded-circle"></td>
                                            <td><a href="#">Microsoft surface pro 4</a></td>
                                            <td>#MSP40022</td>
                                            <td>05 - Products</td>
                                            <td>$60000000.00</td>
                                            <td><span class="badge badge-success">Paid</span></td>
                                            <td><a class="h3" href="#"><i class="zmdi zmdi-more"></i></a></td>
                                        </tr>
                                        <tr>
                                            <td class="selector"><label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label></td>
                                            <td><img th:src="@{/assets/images/product/list-product-3.jpg}" alt="" class="table-product-image rounded-circle"></td>
                                            <td><a href="#">Microsoft surface pro 4</a></td>
                                            <td>#MSP40022</td>
                                            <td>05 - Products</td>
                                            <td>$60000000.00</td>
                                            <td><span class="badge badge-warning">Due</span></td>
                                            <td><a class="h3" href="#"><i class="zmdi zmdi-more"></i></a></td>
                                        </tr>
                                        <tr>
                                            <td class="selector"><label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label></td>
                                            <td><img th:src="@{/assets/images/product/list-product-4.jpg}" alt="" class="table-product-image rounded-circle"></td>
                                            <td><a href="#">Microsoft surface pro 4</a></td>
                                            <td>#MSP40022</td>
                                            <td>05 - Products</td>
                                            <td>$60000000.00</td>
                                            <td><span class="badge badge-danger">Reject</span></td>
                                            <td><a class="h3" href="#"><i class="zmdi zmdi-more"></i></a></td>
                                        </tr>
                                    </tbody><!-- 表体结束 -->

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 最近的交易结束 -->

                <!-- 每日销售报表开始 -->
                <div class="col-xlg-4 col-lg-6 col-12 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">Daily Sale Report</h4>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table class="table daily-sale-report">

                                    <!-- 表格开始 -->
                                    <thead>
                                        <tr>
                                            <th>Client Name</th>
                                            <th>Detail</th>
                                            <th>Payment</th>
                                        </tr>
                                    </thead><!-- 表格结束 -->

                                    <!-- 表体开始 -->
                                    <tbody>
                                        <tr>
                                            <td class="fw-600">Alexander Payne</td>
                                            <td>
                                                <p>Sed do eiusmod tempor incididunt ut labore.</p>
                                            </td>
                                            <td><span class="text-success d-flex justify-content-between fw-600">$500.00<span class="tippy" data-tippy-content="Sed do eiusmod tempor <br/> incididunt ut labore."><i class="zmdi zmdi-info-outline"></i></span></span></td>
                                        </tr>
                                        <tr>
                                            <td class="fw-600">Linda Price</td>
                                            <td>
                                                <p>Sed do eiusmod tempor incididunt ut labore.</p>
                                            </td>
                                            <td><span class="text-success d-flex justify-content-between fw-600">$20.00<span class="tippy" data-tippy-content="Sed do eiusmod tempor <br/> incididunt ut labore."><i class="zmdi zmdi-info-outline"></i></span></span></td>
                                        </tr>
                                        <tr>
                                            <td class="fw-600">Patrick Newman</td>
                                            <td>
                                                <p>Sed do eiusmod tempor incididunt ut labore.</p>
                                            </td>
                                            <td><span class="text-danger d-flex justify-content-between fw-600">$120.00<span class="tippy" data-tippy-content="Sed do eiusmod tempor <br/> incididunt ut labore."><i class="zmdi zmdi-info-outline"></i></span></span></td>
                                        </tr>
                                        <tr>
                                            <td class="fw-600">Jose Brewer</td>
                                            <td>
                                                <p>Sed do eiusmod tempor incididunt ut labore.</p>
                                            </td>
                                            <td><span class="text-success d-flex justify-content-between fw-600">$1750.00<span class="tippy" data-tippy-content="Sed do eiusmod tempor <br/> incididunt ut labore."><i class="zmdi zmdi-info-outline"></i></span></span></td>
                                        </tr>
                                        <tr>
                                            <td class="fw-600">Amber Price</td>
                                            <td>
                                                <p>Sed do eiusmod tempor incididunt ut labore.</p>
                                            </td>
                                            <td><span class="text-warning d-flex justify-content-between fw-600">$165.00<span class="tippy" data-tippy-content="Sed do eiusmod tempor <br/> incididunt ut labore."><i class="zmdi zmdi-info-outline"></i></span></span></td>
                                        </tr>
                                        <tr>
                                            <td class="fw-600">Linda Price</td>
                                            <td>
                                                <p>Sed do eiusmod tempor incididunt ut labore.</p>
                                            </td>
                                            <td><span class="text-success d-flex justify-content-between fw-600">$20.00<span class="tippy" data-tippy-content="Sed do eiusmod tempor <br/> incididunt ut labore."><i class="zmdi zmdi-info-outline"></i></span></span></td>
                                        </tr>
                                    </tbody><!-- 表体结束 -->

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 每日销售报表结束 -->

                <!-- 待办事项列表开始 -->
                <div class="col-xlg-4 col-lg-6 col-12 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">To-do List</h4>
                        </div>
                        <div class="box-body p-0">

                            <!--开始待办事项列表-->
                            <ul class="todo-list">

                                <!--待办事项开始-->
                                <li class="done">
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                                <!--待办事项开始-->
                                <li>
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Mistaken idea of denouncing pleasure.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                                <!--待办事项开始-->
                                <li>
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Encounter consequences that are.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                                <!--待办事项开始-->
                                <li>
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                                <!--待办事项开始-->
                                <li class="done">
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                                <!--待办事项开始-->
                                <li>
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Nor again is there anyone who loves.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                                <!--待办事项开始-->
                                <li>
                                    <div class="list-action">
                                        <button class="status"><i class="zmdi zmdi-star-outline"></i></button>
                                        <label class="adomx-checkbox"><input type="checkbox"> <i class="icon"></i></label>
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                    <div class="list-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error.</p>
                                    </div>
                                    <div class="list-action right">
                                        <button class="remove"><i class="zmdi zmdi-delete"></i></button>
                                    </div>
                                </li>
                                <!--待办事项结束-->

                            </ul>
                            <!--待办事项开始-->

                            <!--开始添加待办事项列表-->
                            <form action="#" class="todo-list-add-new" data-date="false">
                                <label class="status"><input type="checkbox"><i class="icon zmdi zmdi-star-outline"></i></label>
                                <input class="content" type="text" placeholder="Type new Task">
                                <button class="submit"><i class="zmdi zmdi-plus-circle-o"></i></button>
                            </form>
                            <!--结束添加待办事项列表-->

                        </div>
                    </div>
                </div><!-- 待办事项清单结束 -->

                <!-- 聊天开始 -->
                <div class="col-xlg-4 col-lg-6 col-12 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">Recent Chats</h4>
                        </div>
                        <div class="box-body">

                            <div class="widget-chat-wrap custom-scroll">
                                <ul class="widget-chat-list">
                                    <li>
                                        <div class="widget-chat">
                                            <div class="head">
                                                <h5>Rebecca Mitchell</h5>
                                                <span>Yesterday 05.30 am</span>
                                                <a href="#"><i class="zmdi zmdi-replay"></i></a>
                                            </div>
                                            <div class="body">
                                                <div class="image"><img th:src="@{/assets/images/comment/comment-1.jpg}" alt=""></div>
                                                <div class="content">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-chat">
                                            <div class="head">
                                                <h5>Jennifer White</h5>
                                                <span>Today 06.30 am</span>
                                                <a href="#"><i class="zmdi zmdi-replay"></i></a>
                                            </div>
                                            <div class="body">
                                                <div class="image"><img th:src="@{/assets/images/comment/comment-2.jpg}" alt=""></div>
                                                <div class="content">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-chat">
                                            <div class="head">
                                                <h5>Roger Welch</h5>
                                                <span>Today 06.31 am</span>
                                                <a href="#"><i class="zmdi zmdi-replay"></i></a>
                                            </div>
                                            <div class="body">
                                                <div class="image"><img th:src="@{/assets/images/comment/comment-3.jpg}" alt=""></div>
                                                <div class="content">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-chat">
                                            <div class="head">
                                                <h5>Rebecca Mitchell</h5>
                                                <span>Yesterday 05.30 am</span>
                                                <a href="#"><i class="zmdi zmdi-replay"></i></a>
                                            </div>
                                            <div class="body">
                                                <div class="image"><img th:src="@{/assets/images/comment/comment-1.jpg}" alt=""></div>
                                                <div class="content">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-chat">
                                            <div class="head">
                                                <h5>Jennifer White</h5>
                                                <span>Today 06.30 am</span>
                                                <a href="#"><i class="zmdi zmdi-replay"></i></a>
                                            </div>
                                            <div class="body">
                                                <div class="image"><img th:src="@{/assets/images/comment/comment-2.jpg}" alt=""></div>
                                                <div class="content">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="widget-chat">
                                            <div class="head">
                                                <h5>Roger Welch</h5>
                                                <span>Today 06.31 am</span>
                                                <a href="#"><i class="zmdi zmdi-replay"></i></a>
                                            </div>
                                            <div class="body">
                                                <div class="image"><img th:src="@{/assets/images/comment/comment-3.jpg}" alt=""></div>
                                                <div class="content">
                                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="widget-chat-submission">
                                <form action="#">
                                    <input type="text" placeholder="Type something">
                                    <div class="buttons">
                                        <label class="file-upload button button-sm button-box button-round button-primary" for="chat-file-upload">
                                            <input type="file" id="chat-file-upload" multiple>
                                            <i class="zmdi zmdi-attachment-alt"></i>
                                        </label>
                                        <button class="submit button button-sm button-box button-round button-primary"><i class="zmdi zmdi-mail-send"></i></button>
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div><!-- 聊天结束 -->

                <!-- 新闻和更新开始 -->
                <div class="col-xlg-5 col-lg-6 col-12 mb-30">
                    <!-- 新闻和更新开始 -->
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">News & Updates</h4>
                        </div>
                        <div class="box-body">
                            <!-- 新闻和更新内部开始 -->
                            <div class="news-update-inner">

                                <!-- 新闻 -->
                                <div class="news-item">

                                    <!-- 内容 -->
                                    <div class="content">
                                        <!-- 种类 -->
                                        <div class="categories">
                                            <a href="#" class="new">New</a>
                                            <a href="#" class="product">Product</a>
                                        </div>
                                        <!-- 标题 -->
                                        <h4 class="title"><a href="#">Sed do eiusmod tempor incididunt ut labore. Lorem Ipsum is simplydummy text of the printing and typesetting industry.</a></h4>
                                        <!-- 标签 -->
                                        <ul class="meta">
                                            <li><i class="zmdi zmdi-time"></i>10 Houre ago</li>
                                            <li>By: <a href="#">Howard</a></li>
                                        </ul>
                                    </div>

                                </div>

                                <!-- 新闻 -->
                                <div class="news-item">

                                    <!-- 内容 -->
                                    <div class="content">
                                        <!-- 分类 -->
                                        <div class="categories">
                                            <a href="#" class="support">Support</a>
                                        </div>
                                        <!-- 标题 -->
                                        <h4 class="title"><a href="#">Sed do eiusmod tempor labore. Lorem Ipsum is simplydummy text of the printing and.</a></h4>
                                        <!-- 标签 -->
                                        <ul class="meta">
                                            <li><i class="zmdi zmdi-time"></i>10 Houre ago</li>
                                            <li>By: <a href="#">Aaron</a></li>
                                        </ul>
                                    </div>

                                </div>

                                <!-- 新闻 -->
                                <div class="news-item">

                                    <!-- 内容 -->
                                    <div class="content">
                                        <!-- 分类 -->
                                        <div class="categories">
                                            <a href="#" class="refund">Refund</a>
                                        </div>
                                        <!-- 标题 -->
                                        <h4 class="title"><a href="#">Sed do eiusmod typesetting industry. Lorem Ipsum is simplydummy text of the printing and typesetting industry.</a></h4>
                                        <!-- 标签 -->
                                        <ul class="meta">
                                            <li><i class="zmdi zmdi-time"></i>10 Houre ago</li>
                                            <li>By: <a href="#">Dylan</a></li>
                                        </ul>
                                    </div>

                                </div>

                            </div><!-- 结束新闻和更新内端-->
                        </div>
                    </div><!-- 新闻和更新结束 -->
                </div><!-- 新闻与更新结束 -->

                <!-- 最畅销国家排行榜 -->
                <div class="col-xlg-7 col-12 mb-30">
                    <div class="box">
                        <div class="box-head">
                            <h4 class="title">Top Selling Country</h4>
                        </div>
                        <div class="box-body">
                            <div id="vmap-world-2" class="vmap vmap-world-2"></div>
                        </div>
                    </div>
                </div><!-- 最畅销国家排行榜结束 -->

            </div>

        </div>
        <!-- 内容中文结束 -->

        <!-- 页脚部分开始 -->
        <div th:replace="~{BackEnd/navigation::Footer}"></div>
        <!-- 页脚部分结束 -->

    </div>
    <!-- =====================Js======================= -->
    <div th:replace="~{BackEnd/navigation::Jsp}"></div>


</body>

</html>